<template>
    <div class="index">
        <el-container>
            <!-- 头部的user用户信息-->

            <!--列表的跳转  router--->
            <el-container>
                <el-aside>
                    <el-menu default-active="1" router>
                        <el-menu-item index="/main/home">
                            <i class="el-icon-loading"></i>
                            <span slot="title">主页</span>
                        </el-menu-item>

                        <el-menu-item index="/main/list">
                            <i class="el-icon-thumb"></i>
                            <span slot="title">列表</span>
                        </el-menu-item>
                        <el-menu-item index="/main/shopping">
                            <i class="el-icon-fork-spoon"></i>
                            <span slot="title">购物车</span>
                        </el-menu-item>
                        <el-menu-item index="/main/love">
                            <i class="el-icon-user"></i>
                            <span slot="title">我的</span>
                        </el-menu-item>
                    </el-menu>
                </el-aside>
                <el-main>
                    <router-view />
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
export default {};
</script>

<style></style>
